<template>
    <div class="card">
        <header>
            <div>标题1</div>
            <div>标题2</div>
        </header>

        <section>内容</section>
    </div>
</template>
<script setup lang="ts">

</script>

<style scoped lang="scss">
$border: #ccc;

.card {
    border: 1px solid $border;
    width: 400px;

    header {
        display: flex;
        justify-content: space-between;
        padding: 5px;
        border-bottom: 1px solid $border;
    }

    section {
        padding: 5px;
        min-height: 300px;
    }
}
</style>
